<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
     <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
   <link href="${pageContext.request.contextPath }/iosa/css/bootstrap.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/iosa/css/style.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/iosa/css/bootstrap-theme.min.css">
<script src="${pageContext.request.contextPath }/iosa/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/iosa/js/bootstrap.js"></script>
    <meta charset="UTF-8">
    <title>Audit</title>
</head>
<body class="layout-background">
<nav class="navbar navbar-default nav-bar">
    <div class="layout-width" >
        <div class="navbar-header">
            <a href="javascript:void(0)" class="navbar-brand">ITA Ordering System</a>
        </div>
        <div class="pull-right" style="font-size: 20px;position: relative;top: 10px;right: 55px;">
            <label class="control-label">Hello: </label> ${userName}
            <div style="margin-left: 70px;margin-top: -8px;">
                <a class="btn btn-danger btn-xs" href="./Login">Logout</a>
            </div>
        </div>
    </div>
</nav>
<div class="container">
    <div class="col-md-3">
        <ul class="nav nav-pills nav-stacked" >
            <li role="presentation" style="border: 1px solid #ddd;border-radius: 4px;margin-top: 0">
                <a href="./AuditServlet">Audit Merchants</a>
            </li>
            <li role="presentation" style="border: 1px solid #ddd;border-radius: 4px;margin-top: 0">
                <a href="./AdminOperate">Active Merchants</a>
            </li>
            <li role="presentation" class="active" style="border: 1px solid #ddd;border-radius: 4px;margin-top: 0">
                <a href="#">Black Merchants</a>
            </li>
        </ul>
    </div>
    <div class="col-md-8">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3>
                    Black Merchants
                </h3>
            </div>
            <div class="panel-body" style="min-height: 680px">
                <div style="width: 95%;margin: auto;position: relative;">
                    <table class="table table-striped" style="width: 100%">
                        <thead>
                        <tr>
                            <td>Name</td>
                            <td>Tel</td>
                            <td>Email</td>
                            <td></td>
                        </tr>
                        </thead>
                        <tbody>
								<c:forEach var="b" items="${blackMerchants}">
									<tr>
										<td width="20%" style="overflow: hidden"><a href="ShowOneMerchantServlet?mid=${b.mid}">${b.mname }</a></td>
										<td width="20%" style="overflow: hidden">${b.tel}</td>
										<td width="25%" style="overflow: hidden">${b.email}</td>
										<td width="20%"><a class="btn btn-danger" href="White?mid=${b.mid}">White</a></td>
										</tr>
								</c:forEach>

							</tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>